﻿<!doctype html>
<html class="no-js" lang="zxx">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Addina - 网上图书商城</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/x-icon" href="assets/imgs/favicon.png">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/meanmenu.min.css">
    <link rel="stylesheet" href="assets/css/animate.css">
    <link rel="stylesheet" href="assets/css/swiper.min.css">
    <link rel="stylesheet" href="assets/css/slick.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/fontawesome-pro.css">
    <link rel="stylesheet" href="assets/css/spacing.css">
    <link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<script src="../../../console-ban.min.js"></script>
<div id="preloader">
    <div class="bd-loader-inner">
        <div class="bd-loader"><span class="bd-loader-item"></span><span class="bd-loader-item"></span><span
                class="bd-loader-item"></span><span class="bd-loader-item"></span><span
                class="bd-loader-item"></span><span class="bd-loader-item"></span><span
                class="bd-loader-item"></span><span class="bd-loader-item"></span></div>
    </div>
</div>
<div class="backtotop-wrap cursor-pointer">
    <svg class="backtotop-circle svg-content" width="100%" height="100%" viewbox="-1 -1 102 102">
        <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path>
    </svg>
</div>
<div class="df-search-area">
    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="df-search-form">
                    <div class="df-search-close text-center mb-20">
                        <button class="df-search-close-btn df-search-close-btn"></button>
                    </div>
                    <form action="#">
                        <div class="df-search-input mb-10"><input type="text" placeholder="Search for product...">
                            <button type="submit"><i class="flaticon-search-1"></i></button>
                        </div>
                        <div class="df-search-category"><span>Search by:</span><a href="#">Healthline,</a><a href="#">COVID-19,</a><a
                                href="#">Surgery,</a><a href="#">Surgeon,</a><a href="#">Medical research</a></div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="body-overlay"></div>
<header>
    <div class="header">
        <div class="header-top-area grocery__top-header">
            <div class="header-layout-4">
                <div class="header-to-main d-none d-sm-flex">
                    <div class="link-text"><span><img src="assets/imgs/icons/call.png" alt=""></span><a
                            href="">4001066666-5</a></div>
                    <div class="header-top-notice d-none d-lg-block">
                        <p>热烈庆祝新店开业！为答谢广大顾客的支持与厚爱，特推出限时折扣活动，优惠多多，不容错过！</p>
                    </div>
                    <div class="tp-header-top-menu d-flex align-items-center justify-content-end">
                        <!--                        <div class="header-lang-item header-lang"><span class="header-lang-toggle text-white"-->
                        <!--                                                                        id="header-lang-toggle">English</span>-->
                        <!--                            <ul class="">-->
                        <!--                                <li><a class="furniture-clr-hover" href="#">Spanish</a></li>-->
                        <!--                                <li><a class="furniture-clr-hover" href="#">Russian</a></li>-->
                        <!--                                <li><a class="furniture-clr-hover" href="#">Portuguese</a></li>-->
                        <!--                            </ul>-->
                        <!--                        </div>-->
                        <!--                        <div class="header-lang-item tp-header-currency"><span class="header-currency-toggle text-white"-->
                        <!--                                                                               id="header-currency-toggle">USD</span>-->
                        <!--                            <ul>-->
                        <!--                                <li><a class="furniture-clr-hover" href="#">EUR</a></li>-->
                        <!--                                <li><a class="furniture-clr-hover" href="#">CHF</a></li>-->
                        <!--                                <li><a class="furniture-clr-hover" href="#">GBP</a></li>-->
                        <!--                                <li><a class="furniture-clr-hover" href="#">KWD</a></li>-->
                        <!--                            </ul>-->
                        <!--                        </div>-->
                        <div class="header-lang-item tp-header-setting">
                            <!--                            <span class="header-setting-toggle text-white">我的</span>-->
                            <ul>
                                <li><a class="furniture-clr-hover" href="#">个人信息</a></li>
                                <li><a class="furniture-clr-hover" href="wishlist.html">愿望单</a></li>
                                <li><a class="furniture-clr-hover" href="cart.html">购物车</a></li>
                                <li><a class="furniture-clr-hover" href="#">退出登录</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-layout-4 header-bottom">
            <div id="header-sticky" class="header-4">
                <div class="mega-menu-wrapper">
                    <div class="header-main-4">
                        <div class="header-left">
                            <div class="header-logo"><a href="index.html"><img src="assets/imgs/furniture/logo/logo.svg"
                                                                               alt="logo not found"></a></div>
                            <div class="mean__menu-wrapper furniture__menu d-none d-lg-block">
                                <div class="main-menu">
                                    <nav id="mobile-menu">
                                        <ul>
                                            <li><a href="index.html">主页</a></li>
                                            <!--                                            <li><a href="about.html">About</a></li>-->
                                            <li class="has-dropdown"><a href="product.html">图书选购</a>
                                                <ul class="submenu">
                                                    <li><a href="product.html">图书选购</a></li>
                                                    <!--                                                    <li><a href="product-details.html">Product Details</a></li>-->
                                                    <li><a href="wishlist.html">愿望单</a></li>
                                                    <li><a href="cart.html">购物车</a></li>
                                                </ul>
                                            </li>
                                            <li class="has-dropdown"><a href="product.html">图书分类</a>
                                                <ul class="submenu">
                                                    <li><a href="product.html">教育</a></li>
                                                    <li><a href="product.html">小说</a></li>
                                                    <li><a href="product.html">文艺</a></li>
                                                    <li><a href="product.html">动漫</a></li>
                                                    <li><a href="product.html">童书</a></li>
                                                    <li><a href="product.html">人文社科</a></li>
                                                    <li><a href="product.html">经管</a></li>
                                                    <li><a href="product.html">成功/励志</a></li>
                                                    <li><a href="product.html">生活</a></li>
                                                    <li><a href="product.html">科技</a></li>
                                                    <li><a href="product.html">进口原版</a></li>
                                                </ul>
                                            </li>
                                            <li class="has-dropdown"><a href="index.html">所有页面</a>
                                                <ul class="submenu">
                                                    <!--                                                    <li><a href="about.html">About Us</a></li>-->
                                                    <!--                                                    <li><a href="store.html">Find a Store</a></li>-->
                                                    <!--                                                    <li><a href="portfolio.html">Portfolio</a></li>-->
                                                    <!--                                                    <li><a href="portfolio-details.html">Portfolio Details</a></li>-->
                                                    <!--                                                    <li><a href="faq.html">Faq</a></li>-->
                                                    <!--                                                    <li><a href="coming-soon.html">Coming Soon</a></li>-->
                                                    <li><a href="index.html">主页</a></li>
                                                    <li><a href="product.html">图书选购</a></li>
                                                    <li><a href="product-details.html">图书详情页</a></li>
                                                    <li><a href="wishlist.html">愿望单</a></li>
                                                    <li><a href="cart.html">购物车</a></li>
                                                    <li><a href="checkout.html">结算支付</a></li>
                                                    <li><a href="review.html">评价</a></li>
                                                    <li><a href="order.html">订单</a></li>
                                                    <li><a href="order-details.html">订单详情</a></li>
                                                    <li><a href="error.html">系统错误画面</a></li>
                                                </ul>
                                            </li>
                                            <!--                                            <li class="has-dropdown"><a href="blog.html">Blog</a>-->
                                            <!--                                                <ul class="submenu">-->
                                            <!--                                                    <li><a href="blog.html">Blog Default</a></li>-->
                                            <!--                                                    <li><a href="blog-grid.html">Blog Grid</a></li>-->
                                            <!--                                                    <li><a href="blog-details.html">Blog Details</a></li>-->
                                            <!--                                                </ul>-->
                                            <!--                                            </li>-->
                                            <!--                                            <li><a href="contact.html">Contact</a></li>-->
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </div>
                        <div class="header-right d-inline-flex align-items-center justify-content-end">
                            <div class="header-search d-none d-xxl-block">
                                <form action="#"><input type="text" placeholder="搜索图书...">
                                    <button type="submit">
                                        <svg width="18" height="18" viewbox="0 0 18 18" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M13.4443 13.4445L16.9999 17" stroke="white" stroke-width="2"
                                                  stroke-linecap="round" stroke-linejoin="round"></path>
                                            <path d="M15.2222 8.11111C15.2222 12.0385 12.0385 15.2222 8.11111 15.2222C4.18375 15.2222 1 12.0385 1 8.11111C1 4.18375 4.18375 1 8.11111 1C12.0385 1 15.2222 4.18375 15.2222 8.11111Z"
                                                  stroke="white" stroke-width="2"></path>
                                        </svg>
                                    </button>
                                </form>
                            </div>
                            <div class="header-action d-flex align-items-center ml-30">
                                <div class="header-action-item"><a href="wishlist.html" class="header-action-btn">
                                    <svg width="23" height="21" viewbox="0 0 23 21" fill="none"
                                         xmlns="http://www.w3.org/2000/svg">
                                        <path d="M21.2743 2.33413C20.6448 1.60193 19.8543 1.01306 18.9596 0.609951C18.0649 0.206838 17.0883 -0.0004864 16.1002 0.00291444C14.4096 -0.0462975 12.7637 0.529279 11.5011 1.61122C10.2385 0.529279 8.59252 -0.0462975 6.90191 0.00291444C5.91383 -0.0004864 4.93727 0.206838 4.04257 0.609951C3.14788 1.01306 2.35732 1.60193 1.72785 2.33413C0.632101 3.61193 -0.514239 5.92547 0.245772 9.69587C1.4588 15.7168 10.5548 20.6578 10.9388 20.8601C11.11 20.9518 11.3028 21 11.4988 21C11.6948 21 11.8875 20.9518 12.0587 20.8601C12.445 20.6534 21.541 15.7124 22.7518 9.69587C23.5164 5.92547 22.37 3.61193 21.2743 2.33413ZM20.4993 9.27583C19.6416 13.5326 13.4074 17.492 11.5011 18.6173C8.81516 17.0587 3.28927 13.1457 2.50856 9.27583C1.91872 6.35103 2.72587 4.65208 3.50773 3.74126C3.9212 3.26166 4.43995 2.87596 5.02678 2.61185C5.6136 2.34774 6.25396 2.21175 6.90191 2.21365C7.59396 2.16375 8.28765 2.2871 8.91534 2.57168C9.54304 2.85626 10.0833 3.29235 10.4835 3.83743C10.5822 4.012 10.7278 4.15794 10.9051 4.26003C11.0824 4.36212 11.2849 4.41662 11.4916 4.41787C11.6983 4.41911 11.9015 4.36704 12.0801 4.26709C12.2587 4.16714 12.4062 4.02296 12.5071 3.84959C12.9065 3.30026 13.448 2.86048 14.0781 2.57361C14.7081 2.28674 15.4051 2.16267 16.1002 2.21365C16.7495 2.21061 17.3915 2.34604 17.9798 2.6102C18.5681 2.87435 19.0881 3.26065 19.5025 3.74126C20.282 4.65208 21.0892 6.35103 20.4993 9.27583Z"
                                              fill="black"></path>
                                    </svg>
                                    <span class="header-action-badge bg-furniture">3</span></a></div>
                                <div class="header-action-item"><a href="cart.html"
                                                                   class="header-action-btn cartmini-open-btn">
                                    <svg width="21" height="23" viewbox="0 0 21 23" fill="none"
                                         xmlns="http://www.w3.org/2000/svg">
                                        <path d="M14.0625 10.6C14.0625 12.5883 12.4676 14.2 10.5 14.2C8.53243 14.2 6.9375 12.5883 6.9375 10.6M1 5.8H20M1 5.8V13C1 20.6402 2.33946 22 10.5 22C18.6605 22 20 20.6402 20 13V5.8M1 5.8L2.71856 2.32668C3.12087 1.5136 3.94324 1 4.84283 1H16.1571C17.0568 1 17.8791 1.5136 18.2814 2.32668L20 5.8"
                                              stroke="black" stroke-width="2" stroke-linecap="round"
                                              stroke-linejoin="round"></path>
                                    </svg>
                                    <span class="header-action-badge bg-furniture">12</span></a></div>
                            </div>
                            <div class="header-humbager ml-30" id="header-setting-toggle">
                                <a class="sidebar__toggle">
                                    <div class="bar-icon-2"><span></span><span></span><span></span></div>
                                </a>
                                <div class="header__hamburger ml-50 d-none">
                                    <button type="button" class="hamburger-btn offcanvas-open-btn"><span>01</span><span>01</span><span>01</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<main>
    <div class="breadcrumb__area theme-bg-1 p-relative z-index-11 pt-95 pb-95">
        <div class="breadcrumb__thumb" data-background="assets/imgs/bg/breadcrumb-bg.jpg"></div>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xxl-12">
                    <div class="breadcrumb__wrapper text-center"><h2 class="breadcrumb__title">订单详情</h2>
                        <div class="breadcrumb__menu">
                            <nav>
                                <ul>
                                    <li><span><a href="index.html">主页</a></span></li>
                                    <li><span>订单详情</span></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="cart-area section-space">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="table-content table-responsive">
                        <table class="table">
                            <thead>
                            <tr>
                                <th class="product-thumbnail">商品名称</th>
<!--                                <th class="cart-product-name">图片</th>-->
                                <th class="product-price">价格</th>
                                <th class="product-quantity">优惠</th>
                                <th class="product-subtotal">小计</th>
                                <th class="product-remove">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td class="product-thumbnail"><a href="product-details.html"><img src="assets/imgs/book/book-detail-7.jpg" alt="img" style="width: 100px;">被讨厌的勇气</a></td>
<!--                                <td class="product-name"></td>-->
                                <td class="product-price">
                                    <span class="amount">￥122.00</span>
                                </td>
                                <td class="product-quantity text-center">
                                    <span class="amount">￥122.00</span>
                                </td>
                                <td class="product-subtotal"><span class="amount">￥122.00</span></td>
                                <td class="product-remove">
                                    <div class="product-quantity mt-10 mb-10">
                                        <div class="product-quantity-form">
                                            <button class="cart-minus">待评价</button>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="product-thumbnail"><a href="product-details.html"><img src="assets/imgs/book/book-detail-7.jpg" alt="img" style="width: 100px;">被讨厌的勇气</a></td>
                                <!--                                <td class="product-name"></td>-->
                                <td class="product-price">
                                    <span class="amount">￥122.00</span>
                                </td>
                                <td class="product-quantity text-center">
                                    <span class="amount">￥122.00</span>
                                </td>
                                <td class="product-subtotal"><span class="amount">￥122.00</span></td>
                                <td class="product-remove">
                                    <div class="product-quantity mt-10 mb-10">
                                        <div class="product-quantity-form">
                                            <button class="cart-minus">待评价</button>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="product-thumbnail"><a href="product-details.html"><img src="assets/imgs/book/book-detail-7.jpg" alt="img" style="width: 100px;">被讨厌的勇气</a></td>
                                <!--                                <td class="product-name"></td>-->
                                <td class="product-price">
                                    <span class="amount">￥122.00</span>
                                </td>
                                <td class="product-quantity text-center">
                                    <span class="amount">￥122.00</span>
                                </td>
                                <td class="product-subtotal"><span class="amount">￥122.00</span></td>
                                <td class="product-remove">
                                    <div class="product-quantity mt-10 mb-10">
                                        <div class="product-quantity-form">
                                            <button class="cart-minus">待评价</button>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
<footer class="footer-bg">
    <div class="footer-area pt-100 pb-20">
        <div class="footer-style-4">
            <div class="container">
                <div class="footer-grid-3">
                    <div class="footer-widget-4">
                        <div class="footer-logo mb-35"><a href="index.html"><img
                                src="assets/imgs/furniture/logo/logo-light.svg" alt="image bnot found"></a></div>
                        <p>汇聚万千好书，点亮智慧之光，我们的书店网站，您的阅读天堂！</p>
                        <div class="theme-social"><a class="furniture-bg-hover" href="#"><i
                                class="fa-brands fa-facebook-f"></i></a><a class="furniture-bg-hover" href="#"><i
                                class="fa-brands fa-twitter"></i></a><a class="furniture-bg-hover" href="#"><i
                                class="fa-brands fa-linkedin-in"></i></a><a class="furniture-bg-hover" href="#"><i
                                class="fa-brands fa-instagram"></i></a></div>
                    </div>
                    <div class="footer-widget-4">
                        <div class="footer-widget-title"><h4>服务</h4></div>
                        <div class="footer-link">
                            <ul>
                                <li><a href="error.html">注册</a></li>
                                <li><a href="error.html">登录</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="footer-widget-4">
                        <div class="footer-widget-title"><h4>商城</h4></div>
                        <div class="footer-link">
                            <ul>
                                <li><a href="product.html">图书选购</a></li>
                                <li><a href="wishlist.html">愿望单</a></li>
                                <li><a href="cart.html">购物车</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="footer-widget footer-col-4">
                        <div class="footer-widget-title"><h4>联系方式</h4></div>
                        <div class="footer-info mb-35">
                            <div class="footer-info-item d-flex align-items-start pb-15 pt-15">
                                <div class="footer-info-icon mr-20"><span><i
                                        class="fa-solid fa-location-dot furniture-icon"></i></span></div>
                                <div class="footer-info-text"><a class="furniture-clr-hover" target="_blank"
                                                                 href="">北京市东城区藏经馆胡同17号1幢A103室</a></div>
                            </div>
                            <div class="footer-info-item d-flex align-items-start">
                                <div class="footer-info-icon mr-20"><span><i
                                        class="fa-solid fa-phone furniture-icon"></i></span></div>
                                <div class="footer-info-text"><a class="furniture-clr-hover" href="tel:012-345-6789">4001066666-5</a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="footer-copyright-area b-t">
            <div class="footer-copyright-wrapper">
                <div class="footer-copyright-text"><p class="mb-0">© All Copyright 2024 by <a target="_blank"
                                                                                              class="furniture-clr-hover"
                                                                                              href="../../../index.htm">Addina</a>
                </p></div>
                <div class="footer-payment d-flex align-items-center gap-2">
                    <div class="footer-payment-item mb-0">
                        <div class="footer-payment-thumb"><img src="assets/imgs/icons/payoneer.png" alt=""></div>
                    </div>
                    <div class="footer-payment-item mb-0">
                        <div class="footer-payment-thumb"><img src="assets/imgs/icons/maser.png" alt=""></div>
                    </div>
                    <div class="footer-payment-item">
                        <div class="footer-payment-thumb"><img src="assets/imgs/icons/paypal.png" alt=""></div>
                    </div>
                </div>
                <div class="footer-conditions">
                    <ul>
                        <li><a class="furniture-clr-hover" href="#">经营许可</a></li>
                        <li><a class="furniture-clr-hover" href="#">隐私政策</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer>
<style>
    .cart-area .cart-plus, .cart-area .cart-minus {
        position: relative;
        width: 100%;
        height: 0;
        top: 0;
    }
</style>
<script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/waypoints.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/meanmenu.min.js"></script>
<script src="assets/js/swiper.min.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/magnific-popup.min.js"></script>
<script src="assets/js/counterup.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/ajax-form.js"></script>
<script src="assets/js/beforeafter.jquery-1.0.0.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>